@charset "UTF-8";
/** 修改默认的uikit变量 */
body {
  background-color: #FAFAFA !important; }

.article-page-container {
  max-width: 960px;
  padding: 0 !important;
  margin-top: 20px !important; }
  @media (min-width: 640px) {
    .article-page-container {
      padding-left: 40px !important;
      padding-right: 40px !important; } }

.article-container {
  background-color: #ffffff;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 20px; }
  .article-container b, .article-container strong {
    color: #000000; }
  @media (min-width: 640px) {
    .article-container {
      padding: 30px;
      margin-bottom: 40px; } }
  .article-container .article-title {
    font-size: 1.8em;
    font-family: "Gotham Rounded", "微软雅黑", -apple-system, BlinkMacSystemFont, "宋体", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
    @media (min-width: 640px) {
      .article-container .article-title {
        font-size: 2.5em; } }
  .article-container .article-content {
    margin-top: 20px;
    font-size: 1.2em; }
    .article-container .article-content h1, .article-container .article-content h2, .article-container .article-content h3, .article-container .article-content h4, .article-container .article-content h5, .article-container .article-content h6, .article-container .article-content h7 {
      font-family: "Gotham Rounded", "微软雅黑", -apple-system, BlinkMacSystemFont, "宋体", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
    @media (min-width: 640px) {
      .article-container .article-content {
        margin-top: 30px;
        line-height: 2em;
        font-size: 1.3em; } }
    .article-container .article-content pre {
      padding: 0 !important;
      margin: 0 !important;
      margin-bottom: 10px !important;
      border: none; }
      .article-container .article-content pre code {
        padding-bottom: 15px;
        padding-top: 15px; }
        @media (max-width: 640px) {
          .article-container .article-content pre code {
            width: 1300px; } }
    .article-container .article-content blockquote {
      border-left: 5px solid #cccccc;
      padding-left: 10px;
      /* 1 */
      overflow-wrap: break-word;
      /* 2 */
      word-wrap: break-word;
      /* 3 */
      -webkit-hyphens: auto;
      -ms-hyphens: auto;
      -moz-hyphens: auto;
      hyphens: auto;
      font-size: 1.2em; }
      @media (min-width: 640px) {
        .article-container .article-content blockquote {
          border-left: 10px solid #cccccc;
          padding-left: 20px; } }
    .article-container .article-content ol li {
      list-style-type: decimal !important; }
    .article-container .article-content ul li {
      list-style-type: square !important; }
    .article-container .article-content a {
      text-decoration: underline; }

.page-nav {
  margin-bottom: 20px; }
  @media (min-width: 640px) {
    .page-nav {
      margin-bottom: 40px; } }
  .page-nav span {
    height: 25px;
    line-height: 25px; }
  .page-nav svg {
    color: #369;
    height: 1.2em;
    width: 1.2em;
    padding-right: 5px;
    padding-left: 5px; }
    @media (min-width: 640px) {
      .page-nav svg {
        height: 25px;
        width: 25px; } }
  .page-nav a {
    height: 25px;
    line-height: 25px;
    font-size: 1.3em; }
  .page-nav .nav-item-right {
    margin-top: 5px; }
    @media (min-width: 960px) {
      .page-nav .nav-item-right {
        margin-top: 0; } }

.page-nav-link-hover {
  color: #d71718 !important;
  transition: 0.1s ease-in-out;
  -webkit-transition-property: color;
  transition-property: color; }
